<template>
    <div class="address">
        <van-popup v-model="show" position="bottom">
            <Area title="选择省市区" :value="value" :area-list="areaList" @cancel="cancel" @confirm="confirm" @change="change" />
        </van-popup>
    </div>
</template>

<script>

import { Area } from 'vant';
import AreaList from "@/utils/pickerData/area";

export default {

    data() {
        return {
            show: false,
            value: "110101",
            areaList: AreaList
        }
    },

    components: { Area },

    methods: {

        showPicker() {
            this.show = true;
        },

        cancel() {
            this.show = false;
        },

        confirm(e) {
            console.log(e)
        },

        change(e) {
            console.log(e)
        }

    },

    computed: {

    }
};

</script>

<style lang="scss" scoped></style>